<!DOCTYPE html>
<!-- saved from url=(0062)https://pg-chatn4.bjmantis.net/chat/t1/pc/miniTemplateOne.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title></title>
    <link href="./common.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="./miniTemplateOne.css">
    <link rel="stylesheet" href="./iconfont.css">
    <script src="jquery-1.12.4.min.js.下载"></script>

<script src="1725952798-chat_iframe.min.js.下载" type="text/javascript" defer=""></script></head>

<body>
    <div class="mantisChat" id="MANTIS_CHAT_INNER_DIV">
        <div class="mantisChatHeader" id="pcChatHeaderTitle">
            <div class="mantisChatHeader_L">
                <img class="pcChatHeaderTitlePhoneImg" id="pcChatHeaderTitlePhoneImg" src="./counselorDefaultHead.png">
                <div class="mantisNickName" id="pcChatHeaderTitleCentext">在线咨询中心</div>
            </div>
            <img src="./close.png" alt="" class="close" id="pcChatHeaderTitleR" onclick="mantis.hideChatMiniDiv();">
        </div>
        <div class="mantisChatMain">
            <!-- 评价弹框 -->
            <div class="evaluationModal">
                <div class="evaluation_title">请您对【<span class="agentName"></span>】进行评价</div>
                <div class="evaluation_options">
                    <span class="item" onclick="handleEvaluation(&#39;GOOD&#39;)">满意</span>
                    <span class="item" onclick="handleEvaluation(&#39;GENERAL&#39;)">一般</span>
                    <span class="item itemLast" onclick="handleEvaluation(&#39;POOR&#39;)">不满意</span>
                </div>
            </div>
            <div class="mantisChatMain_L">
                <div id="mantisQrCodeImgBg" style="display: none;bottom:140px"></div>
                <div class="chat_history">
                    <div id="chat_history">
                        <div class="chat_setup_msg" id="chat_setup_msg"></div>
                        <div id="protocolStatement">
                            <span id="protocolDesc"></span>
                            <span id="protocolName" onclick="showProtocol()"></span>
                        </div>
                        <div id="mantisHisMsg"></div>
                        <div class="moreMsg"><span>以上是历史消息</span></div>
                        <div class="pcChatWelcome" id="pcChatWelcom"></div>
                    </div>
                    <div class="chat_history_bottom"></div>
                </div>
                <div class="mantisChatMain_L_input">
                    <div class="inputFlg" id="inputFlg">对方正在输入...</div>
                    <div class="mantisChatMain_L_input_operation">
                        <img src="./emoji_btnNew.png" alt="" class="emoji_btn" id="emoji_btn">
                        <img src="./img_btnNew.png" alt="" id="img_btn">
                        <form action="https://pg-chatn4.bjmantis.net/chat/t1/pc/miniTemplateOne.html" id="fileImgForm"><input type="file" id="fileImg" accept="image/*" name="file">
                        </form>
                        <div id="emojiBox"><img data-src="https://probe.bjmantis.net/chat/emoji/2020001.png" alt="大笑">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020002.png" alt="微笑">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020003.png" alt="可爱">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020004.png" alt="大哭">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020005.png" alt="哭笑">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020006.png" alt="可怜">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020007.png" alt="害羞">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020008.png" alt="流汗">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020009.png" alt="尴尬">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020010.png" alt="调皮">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020011.png" alt="惊讶">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020012.png" alt="疑问">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020013.png" alt="色">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020014.png" alt="捂脸">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020015.png" alt="嘿哈">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020016.png" alt="再见">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020017.png" alt="奋斗">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020018.png" alt="偷笑">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020019.png" alt="鼓掌">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020020.png" alt="无语">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020021.png" alt="酷">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020022.png" alt="得意">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020023.png" alt="抠鼻">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020024.png" alt="晕">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020025.png" alt="发呆">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020026.png" alt="困">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020027.png" alt="发怒">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020028.png" alt="哀">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020029.png" alt="爱心">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020030.png" alt="心碎">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020031.png" alt="赞">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020032.png" alt="比心">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020033.png" alt="玫瑰">
<img data-src="https://probe.bjmantis.net/chat/emoji/2020034.png" alt="礼物">
</div>
                        <img id="mantisQrCodeBtn" style="display: none;" data-src="./img/weChatQrCodeBtn.gif" alt="">
                    </div>
                    <div class="chatWindow" id="chatwindow" contenteditable="true"></div>
                    <div class="pcChatCopyright" id="pcChatCopyright">客服软件由 螳螂科技 提供</div>
                    <div onclick="$(&#39;#emojiBox&#39;).css({display:&#39;none&#39;});mantis.sendMessage();" class="pcChatSendButton" id="pcChatSendButton">发 送
                    </div>
                </div>
            </div>
            <div class="mantisChatMain_C"></div>
            <!-- 右侧部分 -->
            <div class="mantisChatMain_R" id="mantisChatMain_R">
                <img src="./advertisingDefaultImg.png" alt="">
            </div>
        </div>

        <!-- 协议内容展示 -->
        <div id="protocolBox">
            <div id="protocolMain">
                <img src="./close.gif" alt="" id="closeProtocol">
                <div id="protocolTabs">
                    <div class="tab tabSelected"><span>平台信息保护声明</span></div>
                    <div class="tab" style="display: none"><span>个人信息保护声明</span></div>
                </div>
                <div id="protocolCons">
                    <div class="protocolCon" id="platformProtocolDetail" style="display: block"></div>
                    <div class="protocolCon" id="personageProtocolDetail"></div>
                </div>
            </div>
        </div>

        <!-- 验证码弹框 -->
        <div id="verificationBg">
            <div id="verificationBox">
                <img src="./close.gif" alt="" id="closeVerification">
                <div id="title">输入验证码</div>
                <div id="desc">
                    我们已向 <span id="phone"></span> 发送短信<br>查看短信并输入验证码
                </div>
                <div id="numberBox">
                    <input type="tel" class="number" maxlength="1">
                    <input type="tel" class="number" maxlength="1">
                    <input type="tel" class="number" maxlength="1">
                    <input type="tel" class="number" maxlength="1">
                </div>
                <div id="verificationError"></div>
                <div id="timekeeping" class="timekeeping"><span id="verificationCount"></span>秒后可重新发送</div>
            </div>
        </div>
    </div>

    <div id="MANTIS_CHAT_BTN_DIV" class="mantisChatBtn" style="display: none">
        <div id="MANTIS-BTN" class="MANTIS-BTN-NORMAL-BACKGROUND">
            <img id="MANTIS-BTN-ICON-NORMAL" src="./feedbackIconTwo.png" alt="">
            <span id="newMsg">0</span>
            <span id="MANTIS-BTN-TEXT">在线咨询中心为您服务</span>
        </div>
    </div>

    <div id="MANTIS_RESV_INNER_DIV" class="leavingMessage" style="display: none">
        <div class="leavingMessageHeader" id="TL_trTitle">
            <img src="./leaveIcon.png" alt="" class="leaveIcon">
            <span>在线留言</span>
            <img src="./close.png" alt="" class="leaveClose" onclick="mantis.hideChatMiniDiv();">
        </div>
        <div class="leavingMsgMain" id="leavingTabContextFirst">
            <h3>
                <img src="./notice.png" alt="">
                <span id="messageInfo">您好，请填写以下信息，我们会尽快和您联系。</span>
            </h3>
            <div class="formModule">
                <div class="label">姓名</div>
                <input type="text" id="name" class="leavingTabInput" value="请输入您的姓名！" defaultval="请输入您的姓名！" onblur="inputblur(this)" onfocus="inputfocus(this)" autocomplete="off">
                <div class="label">
                    <span class="required">*</span>
                    手机号
                </div>
                <input type="tel" id="mobile" class="leavingTabInput" value="请输入手机号码！" defaultval="请输入手机号码！" onblur="inputblur(this)" onfocus="inputfocus(this)" autocomplete="off">
                <div class="label">留言内容</div>
                <textarea id="remark" class="leavingTabInput" defaultval="请输入留言内容！" onblur="inputblur(this)" onfocus="inputfocus(this)" autocomplete="off">请输入留言内容！</textarea>

                <input id="ly_btn" type="button" class="leavingTabBtn" value="提交留言" onclick="submitLeavingMessageNew();">
            </div>
        </div>
        <div id="leavingMessageSuccess">
            <div id="leavingMessageSuccessText"></div>
        </div>
    </div>

    <div id="MANTIS_RESV_PARAS" style="display: none">
        <input type="hidden" id="MANTIS_RESV_OK_MSG" value="预约成功, 我们的学历老师会及时联络您, 请稍候.">
        <input type="hidden" id="MANTIS_RESV_ERR_MSG" value="很遗憾, 未能预约成功, 您也可以拨打电话进行预约">
        <input type="hidden" id="MANTIS_CHAT_WEL_MSG" value="正在为您分配咨询老师...">
    </div>

    <!--消息提示音-->
    <audio id="audio1">
        <source src="../common/hintSound.wav" type="audio/wav">
        <source src="../common/hintSound.mp3" type="audio/mpeg">
    </audio>

    <!--js区域-->
    <script type="text/javascript">
        var mantis_init = {
            chat: { host: window.location.hostname, port: 13014, ports: [13014, 13011] },
            t: { host: window.location.hostname, port: 80 },
            resv: { host: window.location.hostname, port: 80 }
        };
    </script>

    <!--production-->
    <!--[if lt IE 9]>
<script src="https://probe.bjmantis.net/chat/html5shiv.min.js"></script>
<script src="https://probe.bjmantis.net/chat/respond.min.js"></script>
<![endif]-->

    <script src="jquery.xdomainrequest.min.js.下载"></script>

    <!--production-->
    <script src="userAgent.min.js.下载"></script>
    <script src="chat_iframe_loader.min.js.下载"></script>
    <script src="jquery.form.min.js.下载"></script>

    <script>
        //IE下用输入框textarea
        if (window.navigator.userAgent.indexOf('Trident') > 0) {
            var html = "<textarea class='chatWindow' id='chatwindow' name='message' placeholder='请在此输入信息...'></textarea>";
            $('#pcChatEditor').html(html);
        }
        $('#img_btn').click(function () {
            $('#fileImg').click();
        });
        $('#emojiBox').load('../emoji.html');
    </script>


</body></html>